<div class="child-box">
    <div class="layui-card layadmin-header">
        <div class="layui-breadcrumb" lay-filter="breadcrumb">
            <a href="javascript:" lay-href=""><i class="iconfont iconhome"></i>首页</a>
            <a href="javascript:" lay-href="/order/list">委托进口</a>
            <a><cite>订单详情</cite></a>
            <div class="layui-card-header-left" title="刷新" zmark-event="layui.manage.render">
                <i class="layui-icon layui-icon-refresh layui-anim" zmark-anim="layui-anim-rotate"></i>
            </div>
        </div>
    </div>

    <div class="layui-card mt20">
        <form class="layui-form" method="post" lay-filter="form-order-base" id="orderMainForm">
            <input type="hidden" name="id" id="id"/>
            <input type="hidden" name="docNo" id="docNo"/>
            <input type="hidden" name="customerName" value="-"/>
            <div class="layui-card-header">
                  <span class="def-fc">
                    <a href="javascript:" title="返回" class="head-go-back" onclick="history.back()"><i class="iconfont iconfanhui"></i></a>
                </span>
                <span class="def-fc">基础信息</span>
                <div class="fr">
                    <button type="button" class="layui-btn" id="order-detail-copy">复制此单</button>
                    <button type="button" class="layui-btn" id="order-detail-cost">查看费用</button>
                </div>
            </div>
            <div class="layui-card-body">
                <div class="layui-row">
                    <div class="layui-col-md4 pr10">
                        <label class="layui-form-label">客户订单号</label>
                        <div class="layui-input-block">
                            <input name="clientNo" id="clientNo" class="layui-input"/>
                        </div>
                    </div>
                    <div class="layui-col-md8">
                        <label class="layui-form-label">境外供应商</label>
                        <div class="layui-input-block">
                            <input name="supplierName" class="layui-input"/>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md4 pr10">
                        <label class="layui-form-label">业务类型</label>
                        <div class="layui-input-block">
                            <input name="businessTypeName" class="layui-input"/>
                        </div>
                    </div>
                    <div class="layui-col-md4 pr10">
                        <label class="layui-form-label">成交方式</label>
                        <div class="layui-input-block">
                            <input name="transactionModeName" class="layui-input"/>
                        </div>
                    </div>
                    <div class="layui-col-md4 pr10">
                        <label class="layui-form-label">报关类型</label>
                        <div class="layui-input-block">
                            <input name="declareTypeName" class="layui-input"/>
                        </div>
                    </div>
                </div>

                <div class="layui-row">
                    <div class="layui-col-md12 pr10">
                        <label class="layui-form-label">协议报价</label>
                        <div class="layui-input-block">
                            <input name="impQuoteDesc" class="layui-input"/>
                        </div>
                    </div>
                </div>

                <div class="layui-row">
                    <div class="layui-col-md4">
                        <label class="layui-form-label">币制</label>
                        <div class="layui-input-block pr10">
                            <input name="currencyName" class="layui-input"/>
                        </div>
                    </div>
                </div>
            </div>
        </form>

        <form class="layui-form" method="post" lay-filter="orderMemberForm" id="orderMemberForm">
            <div class="layui-card-header">
                <span class="def-fc left-split">产品信息</span>
            </div>
            <div class="layui-card-body tab-sm">
                <table class="layui-hide" id="order-material-member"></table>
                <table class="layui-table" lay-size="sm" style="margin-top: -1px">
                    <tfoot>
                    <tr>
                        <th>
                            <div class="layui-row">
                                <div class="layui-col-md2">
                                    总数量：<h2 style="display: inline-block" id="quantityTotal">0.0</h2>
                                </div>
                                <div class="layui-col-md3">
                                    总价：<h2 style="display: inline-block" id="totalPrice">0.0</h2>
                                </div>
                                <div class="layui-col-md2">
                                    总净重：<h2 style="display: inline-block" id="netWeightTotal">0.0000</h2>
                                </div>
                                <div class="layui-col-md2">
                                    总毛重：<h2 style="display: inline-block" id="grossWeightTotal">0.0000</h2>
                                </div>
                                <div class="layui-col-md2">
                                    总箱数：<h2 style="display: inline-block" id="cartonTotal">0</h2>
                                </div>
                            </div>
                        </th>
                    </tr>
                    </tfoot>
                </table>
            </div>
        </form>

        <form class="layui-form" method="post" lay-filter="form-order-logistics" id="orderLogisticsForm">
            <div class="layui-card-header">
                <span class="def-fc left-split">境外交货</span>
            </div>
            <div class="layui-card-body">
                <div class="layui-row">
                    <div class="layui-col-md4">
                        <label class="layui-form-label">交货方式</label>
                        <div class="layui-input-block pr10">
                            <input type="text" name="deliveryModeName" class="layui-input"/>
                        </div>
                    </div>
                </div>

                <div class="zm-hide" mark="deliveryMode" zm-key="ExpressDelivery">

                    <div class="layui-row">
                        <div class="layui-col-md4">
                            <label class="layui-form-label">快递类型</label>
                            <div class="layui-input-block pr10">
                                <input type="text" name="inExpressTypeName" class="layui-input"/>
                            </div>
                        </div>
                    </div>

                    <div class="layui-row">
                        <div class="layui-col-md4">
                            <label class="layui-form-label">快递公司</label>
                            <div class="layui-input-block pr10">
                                <input type="text" name="hkExpressName" class="layui-input"/>
                            </div>
                        </div>

                        <div class="layui-col-md4">
                            <label class="layui-form-label">快递单号</label>
                            <div class="layui-input-block pr10">
                                <input type="text" name="hkExpressNo" id="hkExpressNo" class="layui-input"/>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="zm-hide" mark="deliveryMode" zm-key="TakeDelivery">
                    <div class="layui-row">
                        <div class="layui-col-md4">
                            <label class="layui-form-label">要求提货时间</label>
                            <div class="layui-input-block pr10">
                                <input type="text" name="takeTime" id="takeTime" class="layui-input"/>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md8">
                            <label class="layui-form-label">提货委托书</label>
                            <div class="layui-input-block pr10">
                                <div class="upload-box" file-id="" file-type="imp_order" business-type="imp_order_information" file-memo="境外提货委托书" btn-name="补充资料"></div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md12">
                            <label class="layui-form-label">提货信息</label>
                            <div class="layui-input-block">
                                <input type="text" name="takeInformationDesc" class="layui-input"/>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md8">
                        <label class="layui-form-label">交货备注</label>
                        <div class="layui-input-block">
                            <input type="text" name="deliveryModeMemo" id="deliveryModeMemo" class="layui-input"/>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-card-header">
                <span class="def-fc left-split">国内配送</span>
            </div>
            <div class="layui-card-body">

                <div class="layui-row">
                    <div class="layui-col-md4">
                        <label class="layui-form-label">送货方式</label>
                        <div class="layui-input-block pr10">
                            <input type="text" name="receivingModeName" class="layui-input"/>
                        </div>
                    </div>

                    <div class="layui-col-md4" mark="receivingMode" zm-key="ThirdLogistics">
                        <label class="layui-form-label">送货付款方式</label>
                        <div class="layui-input-block pr10">
                            <input type="text" name="paymentDeliveryName" class="layui-input"/>
                        </div>
                    </div>
                </div>

                <div class="layui-row" mark="receivingMode" zm-key="ThirdLogistics">
                    <div class="layui-col-md4">
                        <label class="layui-form-label">物流公司</label>
                        <div class="layui-input-block pr10">
                            <input type="text" name="logisticsCompanyName" class="layui-input"/>
                        </div>
                    </div>
                    <div class="layui-col-md4">
                        <label class="layui-form-label">时效要求</label>
                        <div class="layui-input-block pr10">
                            <input type="text" name="prescription" class="layui-input"/>
                        </div>
                    </div>
                </div>
                <div class="layui-row" mark="receivingMode" zm-key="ThirdLogistics,HkThrough,SpecialCar">
                    <div class="layui-col-md12">
                        <label class="layui-form-label">收货信息</label>
                        <div class="layui-input-block">
                            <input type="text" name="deliveryDesc" class="layui-input"/>
                        </div>
                    </div>
                </div>
                <div class="zm-hide" mark="receivingMode" zm-key="SelfLifting">
                    <div class="layui-row">
                        <div class="layui-col-md12">
                            <label class="layui-form-label">自提点</label>
                            <div class="layui-input-block">
                                <input type="text" name="selfDesc" class="layui-input"/>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md8">
                            <label class="layui-form-label">姓名电话</label>
                            <div class="layui-input-block">
                                <input type="text" name="selfLinkPerson" id="selfLinkPerson" class="layui-input"/>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-md8">
                            <label class="layui-form-label">提货人身份证</label>
                            <div class="layui-input-block">
                                <input type="text" name="selfPersonId" id="selfPersonId" class="layui-input"/>
                            </div>
                        </div>
                    </div>

                    <div class="layui-row">
                        <div class="layui-col-md8">
                            <label class="layui-form-label">提货盖章委托书</label>
                            <div class="layui-input-block">
                                <div class="upload-box" file-id="" file-type="imp_order" business-type="imp_order_entrust" file-memo="委托单盖章件" btn-name="补充资料"></div>
                            </div>
                        </div>
                    </div>

                    <div class="layui-row">
                        <div class="layui-col-md8">
                            <label class="layui-form-label">提货备注</label>
                            <div class="layui-input-block">
                                <input type="text" name="selfMemo" id="selfMemo" class="layui-input"/>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md8">
                        <label class="layui-form-label">收货备注</label>
                        <div class="layui-input-block">
                            <input type="text" name="receivingModeMemo" id="receivingModeMemo"  class="layui-input"/>
                        </div>
                    </div>
                </div>
            </div>
        </form>

        <form class="layui-form" method="post" lay-filter="orderOtherForm" id="orderOtherForm">
            <div class="layui-card-header"><span class="def-fc left-split"><i class="fa fa-file-code-o"></i>备注及其它</span>
            </div>
            <div class="layui-card-body" style="padding-bottom: 50px;">
                <div class="layui-row">
                    <div class="layui-col-md4 pr10" style="margin-left: 110px">
                        <div class="upload-box" style="min-height: 60px" file-id="" file-type="imp_order" business-type="imp_order_pi" file-memo="装箱单/发票" btn-name="补充资料"></div>
                    </div>
                    <div class="layui-col-md4 pr10">
                        <div class="upload-box" style="min-height: 60px" file-id="" file-type="imp_order" business-type="imp_order_other" file-memo="其它资料" btn-name="补充资料"></div>
                    </div>
                </div>
                <div class="layui-row pt10">
                    <div class="layui-col-md8" style="width: 748px;">
                        <label class="layui-form-label">订单备注</label>
                        <div class="layui-input-block">
                            <textarea name="memo" id="memo" class="layui-textarea"></textarea>
                        </div>
                    </div>
                </div>
                <div class="layui-row pt10">
                    <div class="layui-col-md8 pr10 normal" style="margin-left: 110px;width: 748px;">
                        <button type="button" class="layui-btn layui-btn-normal sub-order-btn" onclick="history.back()"><i class="iconfont iconfanhui"></i>返回列表</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
<script type="text/html" id="quantityTpl">
{{layui.com.formatCurrency(d.quantity)}}
</script>
<script type="text/html" id="totalPriceTpl">
{{layui.com.formatCurrency(d.totalPrice)}}
</script>
<script>
    layui.use('orderDetail', layui.factory('orderDetail'));
</script>